@charset "UTF-8";
body {
  font: 12px '微软雅黑', Arial, '宋体';
}

body a {
  color: #333;
}

body .align {
  width: 1000px;
  margin: 0 auto;
}

body .radius3 {
  width: 120px;
  height: 120px;
  display: block;
  background: url(https://portal.ucgc.ucfly.com/public/images/pc/pc_new/img_radius.png) no-repeat 0 0;
  background-repeat: no-repeat;
  background-position: 0 -330px;
  position: absolute;
  left: 0;
  top: 0;
}

body .page-break {
  margin-bottom: 10px;
  color: #999;
  line-height: 12px;
}

body .page-break a {
  padding: 4px;
}

body .page-break span {
  color: #999;
  padding: 0 4px;
}

body .game-classify-con {
  padding-top: 20px;
  border-top: 1px solid #f5f5f5;
  margin-bottom: 30px;
}

body .game-classify-con .box-text {
  padding-top: 20px;
}

body .game-classify-con .cans {
  width: 148px;
  height: 68px;
  margin: 10px 0 0 12px;
  position: relative;
  border: 1px solid #e6e6e6;
}

body .game-classify-con .cans:hover {
  background-color: #ffba00;
  border-color: #ffa800;
}

body .game-classify-con .cans:hover a {
  color: #fff;
}

body .game-classify-con .cans:hover .num {
  color: #fff;
}

body .game-classify-con .cans:hover .des {
  color: #fff;
}

body .game-classify-con .cans a {
  width: 100%;
  display: block;
  font-size: 18px;
  text-indent: 10px;
  line-height: 28px;
  font-weight: 400;
  position: relative;
}

body .game-classify-con .cans .num {
  font-size: 14px;
  color: #ff8a00;
  position: absolute;
  right: 10px;
  top: 6px;
  cursor: pointer;
}

body .game-classify-con .cans .des {
  font-size: 14px;
  color: #999;
  position: absolute;
  left: 10px;
  bottom: 5px;
  cursor: pointer;
}

body .game-classify-con .can-green {
  background: #1ac269;
  border-color: #06b85d;
}

body .game-classify-con .can-green a {
  color: #fff;
}

body .game-classify-con .can-green .num {
  color: #fff;
}

body .game-classify-con .can-green .des {
  color: #fff;
}

body .game-classify-con .can-pink {
  background: #f4689d;
  border-color: #f15f97;
}

body .game-classify-con .can-pink a {
  color: #fff;
}

body .game-classify-con .can-pink .num {
  color: #fff;
}

body .game-classify-con .can-pink .des {
  color: #fff;
}

body .game-classify-con .can-red {
  background: #ff784f;
  border-color: #ff683b;
}

body .game-classify-con .can-red a {
  color: #fff;
}

body .game-classify-con .can-red .num {
  color: #fff;
}

body .game-classify-con .can-red .des {
  color: #fff;
}

body .game-classify-con .can-blue {
  background: #60afe7;
  border-color: #49a3e3;
}

body .game-classify-con .can-blue a {
  color: #fff;
}

body .game-classify-con .can-blue .num {
  color: #fff;
}

body .game-classify-con .can-blue .des {
  color: #fff;
}

body .game-classify-con .class-con {
  margin-bottom: 20px;
}

body .game-classify-con .class-con .little-tit {
  position: relative;
  height: 30px;
  margin-bottom: 10px;
}

body .game-classify-con .class-con .little-tit h3 {
  position: relative;
  display: inline-block;
  padding: 0 6px;
  left: 15px;
  top: 10px;
  font-size: 16px;
  line-height: 16px;
  border-left: 2px solid #f60;
  cursor: default;
}

body .game-classify-con .class-con .class-text {
  display: flex;
  flex-wrap: wrap;
}

body .game-classify-con .class-con .class-text .left {
  width: 648px;
  display: flex;
  flex-wrap: wrap;
}

body .game-classify-con .class-con .class-text .right {
  display: flex;
  width: 325px;
}

body .game-classify-con .class-con .class-text .right .cans-big {
  width: 148px;
  height: 148px;
  margin: 10px 0 0 12px;
  position: relative;
  border: 1px solid #e6e6e6;
}

body .game-classify-con .class-con .class-text .right .cans-big:hover {
  background-color: #ffba00;
  border-color: #ffa800;
}

body .game-classify-con .class-con .class-text .right .cans-big a {
  width: 100%;
  height: 148px;
  display: block;
  font-size: 18px;
  text-indent: 10px;
  line-height: 28px;
  font-weight: 400;
  position: relative;
  color: #fff;
}

body .game-classify-con .class-con .class-text .right .cans-big .num {
  font-size: 14px;
  color: #fff;
  position: absolute;
  left: 10px;
  top: 30px;
  cursor: pointer;
}

body .game-classify-con .class-con .class-text .right .cans-big .des {
  font-size: 14px;
  color: #fff;
  position: absolute;
  left: 10px;
  bottom: 5px;
  cursor: pointer;
}

body .game-classify-con .class-con .class-text .right .can-jade {
  background: #2bbdc4;
  border-color: #17afb6;
}

body .game-classify-con .class-con .class-text .right .can-purple {
  background: #868cd8;
  border-color: #7b89da;
}

body .game-rank-con .box-text {
  padding: 20px 15px;
}

body .game-rank-con .box-text .one-tab-con {
  height: 36px;
  margin-bottom: 20px;
  background: #fafafa;
  border-bottom: 1px solid #ebebeb;
  display: flex;
}

body .game-rank-con .box-text .one-tab-con li {
  width: 20%;
  height: 46px;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
}

body .game-rank-con .box-text .one-tab-con li .title {
  margin: 10px 0;
  display: block;
  font-weight: 400;
  font-size: 16px;
  border-right: 1px solid #dedede;
}

body .game-rank-con .box-text .one-tab-con .block {
  background: url(./../imga/game_search_tab.png) no-repeat center bottom;
}

body .game-rank-con .box-text .one-tab-con .block .title {
  color: #f80;
}

body .game-rank-con .box-text .text-tab-con {
  height: 564px;
}

body .game-rank-con .box-text .text-tab-con .rank-poker {
  display: none;
  margin-left: -15px;
  flex-wrap: wrap;
}

body .game-rank-con .box-text .text-tab-con .rank-poker li {
  width: 178px;
  margin: 0 0 15px 15px;
  border: 1px solid #ebebeb;
  position: relative;
}

body .game-rank-con .box-text .text-tab-con .rank-poker li .corner {
  width: 55px;
  height: 55px;
  background: url(./../imga/corner_bg.png) no-repeat 100px 100px;
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: 5;
}

body .game-rank-con .box-text .text-tab-con .rank-poker li .img {
  width: 120px;
  height: 120px;
  margin: 14px auto 0;
  position: relative;
  display: block;
}

body .game-rank-con .box-text .text-tab-con .rank-poker li .img img {
  width: 100%;
  height: 100%;
  display: block;
}

body .game-rank-con .box-text .text-tab-con .rank-poker li .name {
  width: 90%;
  padding: 0 5%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 42px;
  font-size: 16px;
  text-align: center;
}

body .game-rank-con .box-text .text-tab-con .rank-poker li .type {
  color: #999;
  line-height: 22px;
  text-align: center;
  cursor: default;
}

body .game-rank-con .box-text .text-tab-con .rank-poker li .fav {
  margin: 3px 0 10px 0;
  height: 15px;
  text-align: center;
  font-size: 0;
  cursor: default;
}

body .game-rank-con .box-text .text-tab-con .rank-poker li .fav span {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(https://www.9game.cn/public/images/pc/pc_new/pcnew_ico.png) no-repeat 100px -100px;
}

body .game-rank-con .box-text .text-tab-con .rank-poker li .fav .good {
  background-position: 0px -283px;
}

body .game-rank-con .box-text .text-tab-con .rank-poker li .fav .bad {
  background-position: -50px -283px;
}

body .game-rank-con .box-text .text-tab-con .rank-poker li .down {
  width: 86px;
  height: 28px;
  display: block;
  margin: 0 auto 15px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

body .game-rank-con .box-text .text-tab-con .rank-poker li .down:hover {
  color: #fff;
  background: #ff8a00;
  border-color: #ff8a00;
}

body .game-rank-con .box-text .text-tab-con .new1 li:nth-child(1) .corner {
  background-position: 0px 0px;
}

body .game-rank-con .box-text .text-tab-con .new1 li:nth-child(2) .corner {
  background-position: -55px 0px;
}

body .game-rank-con .box-text .text-tab-con .new1 li:nth-child(3) .corner {
  background-position: -110px 0px;
}

body .game-rank-con .box-text .text-tab-con .new1 li:nth-child(4) .corner {
  background-position: -165px 0px;
}

body .game-rank-con .box-text .text-tab-con .new1 li:nth-child(5) .corner {
  background-position: -220px 0px;
}

body .game-rank-con .box-text .text-tab-con .new1 li:nth-child(6) .corner {
  background-position: -275px 0px;
}

body .game-rank-con .box-text .text-tab-con .new1 li:nth-child(7) .corner {
  background-position: -330px 0px;
}

body .game-rank-con .box-text .text-tab-con .new1 li:nth-child(8) .corner {
  background-position: -385px 0px;
}

body .game-rank-con .box-text .text-tab-con .new1 li:nth-child(9) .corner {
  background-position: -440px 0px;
}

body .game-rank-con .box-text .text-tab-con .new2 li:nth-child(1) .corner {
  background-position: 0px -55px;
}

body .game-rank-con .box-text .text-tab-con .new2 li:nth-child(2) .corner {
  background-position: -55px -55px;
}

body .game-rank-con .box-text .text-tab-con .new2 li:nth-child(3) .corner {
  background-position: -110px -55px;
}

body .game-rank-con .box-text .text-tab-con .new2 li:nth-child(4) .corner {
  background-position: -165px -55px;
}

body .game-rank-con .box-text .text-tab-con .new2 li:nth-child(5) .corner {
  background-position: -220px -55px;
}

body .game-rank-con .box-text .text-tab-con .new2 li:nth-child(6) .corner {
  background-position: -275px -55px;
}

body .game-rank-con .box-text .text-tab-con .new2 li:nth-child(7) .corner {
  background-position: -330px -55px;
}

body .game-rank-con .box-text .text-tab-con .new2 li:nth-child(8) .corner {
  background-position: -385px -55px;
}

body .game-rank-con .box-text .text-tab-con .new2 li:nth-child(9) .corner {
  background-position: -440px -55px;
}

body .game-rank-con .box-text .text-tab-con .new3 li:nth-child(1) .corner {
  background-position: 0px -110px;
}

body .game-rank-con .box-text .text-tab-con .new3 li:nth-child(2) .corner {
  background-position: -55px -110px;
}

body .game-rank-con .box-text .text-tab-con .new3 li:nth-child(3) .corner {
  background-position: -110px -110px;
}

body .game-rank-con .box-text .text-tab-con .new3 li:nth-child(4) .corner {
  background-position: -165px -110px;
}

body .game-rank-con .box-text .text-tab-con .new3 li:nth-child(5) .corner {
  background-position: -220px -110px;
}

body .game-rank-con .box-text .text-tab-con .new3 li:nth-child(6) .corner {
  background-position: -275px -110px;
}

body .game-rank-con .box-text .text-tab-con .new3 li:nth-child(7) .corner {
  background-position: -330px -110px;
}

body .game-rank-con .box-text .text-tab-con .new3 li:nth-child(8) .corner {
  background-position: -385px -110px;
}

body .game-rank-con .box-text .text-tab-con .new3 li:nth-child(9) .corner {
  background-position: -440px -110px;
}

body .game-rank-con .box-text .text-tab-con .new4 li:nth-child(1) .corner {
  background-position: 0px -165px;
}

body .game-rank-con .box-text .text-tab-con .new4 li:nth-child(2) .corner {
  background-position: -55px -165px;
}

body .game-rank-con .box-text .text-tab-con .new4 li:nth-child(3) .corner {
  background-position: -110px -165px;
}

body .game-rank-con .box-text .text-tab-con .new4 li:nth-child(4) .corner {
  background-position: -165px -165px;
}

body .game-rank-con .box-text .text-tab-con .new4 li:nth-child(5) .corner {
  background-position: -220px -165px;
}

body .game-rank-con .box-text .text-tab-con .new4 li:nth-child(6) .corner {
  background-position: -275px -165px;
}

body .game-rank-con .box-text .text-tab-con .new4 li:nth-child(7) .corner {
  background-position: -330px -165px;
}

body .game-rank-con .box-text .text-tab-con .new4 li:nth-child(8) .corner {
  background-position: -385px -165px;
}

body .game-rank-con .box-text .text-tab-con .new4 li:nth-child(9) .corner {
  background-position: -440px -165px;
}

body .game-rank-con .box-text .text-tab-con .current {
  display: flex;
}

body .game-try-con {
  margin-bottom: 35px;
}

body .game-try-con .box-text {
  padding-top: 5px;
}

body .game-try-con .box-text .try-text-con {
  display: flex;
  flex-wrap: wrap;
}

body .game-try-con .box-text .try-text-con li {
  width: 308px;
  height: 210px;
  margin: 15px 0 0 15px;
  border: 1px solid #ebebeb;
}

body .game-try-con .box-text .try-text-con li .t-box-1 {
  margin: 15px 0 20px 10px;
  height: 90px;
  position: relative;
  display: flex;
}

body .game-try-con .box-text .try-text-con li .t-box-1 .img {
  width: 90px;
  height: 90px;
  margin-right: 10px;
}

body .game-try-con .box-text .try-text-con li .t-box-1 .img a {
  width: 90px;
  height: 90px;
  position: relative;
}

body .game-try-con .box-text .try-text-con li .t-box-1 .img a img {
  width: 90px;
  height: 90px;
}

body .game-try-con .box-text .try-text-con li .t-box-1 .text-con {
  width: 190px;
  margin-top: 2px;
}

body .game-try-con .box-text .try-text-con li .t-box-1 .text-con .title {
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 10px;
}

body .game-try-con .box-text .try-text-con li .t-box-1 .text-con .text {
  color: #666;
  line-height: 20px;
  cursor: default;
}

body .game-try-con .box-text .try-text-con li .t-box-1 .text-con .text .tit {
  color: #999;
}

body .game-try-con .box-text .try-text-con li .t-box-2 {
  margin-left: 10px;
  height: 70px;
  display: flex;
}

body .game-try-con .box-text .try-text-con li .t-box-2 .gift-con {
  width: 140px;
  margin-right: 10px;
}

body .game-try-con .box-text .try-text-con li .t-box-2 .gift-con .gift {
  height: 30px;
  margin-bottom: 10px;
  text-indent: 12px;
  font-size: 14px;
  line-height: 30px;
  background: #fafafa;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
}

body .game-try-con .box-text .try-text-con li .t-box-2 .gift-con .gift .ora {
  color: #ff8a00;
  font-size: 14px;
}

body .game-try-con .box-text .try-text-con li .t-box-2 .btn-con {
  width: 140px;
}

body .game-try-con .box-text .try-text-con li .t-box-2 .btn-con .btn {
  width: 136px;
  height: 28px;
  display: block;
  line-height: 28px;
  text-align: center;
  font-size: 16px;
  margin: 0 10px 10px 0;
  border: 1px solid #ccc;
  border-radius: 4px;
}

body .game-try-con .box-text .try-text-con li .t-box-2 .btn-con .no {
  color: #ccc;
  background: #f2f2f2;
  border-color: #f2f2f2;
  cursor: default;
}

body .game-try-con .box-text .try-text-con li .t-box-2 .btn-con .green:hover {
  color: #fff;
  background: #a3ce0e;
  border-color: #a3ce0e;
}

body .game-try-con .box-text .try-text-con li .t-box-2 .btn-con .red:hover {
  color: #fff;
  background: #ff622b;
  border-color: #ff622b;
}
